.tab-container {
  width: 248px;
  background: #fff;
  border-radius: 4px;
  position: relative;
  z-index: 10000;
  behavior: url(ie-css3.htc);
  border: 1px solid #e4e7eb;
  margin-right: 20px;
  .tab-list li {
    width: 100%;
    height: 59px;
    line-height: 59px;
    border-bottom: 1px solid #e4e7eb;
    text-align: center;
    cursor: pointer;
    &:first-child {
      &.active {
        border-radius: 2px 0 0 0;   
        position: relative;
        z-index: 10000;
        behavior: url(ie-css3.htc);     
      }
    }
    &:last-child {
      border-bottom: none;
      &.active {
        border-radius: 0 0 0 2px; 
        position: relative;
        z-index: 10000;
        behavior: url(ie-css3.htc);      
      }
    }
    &.active {
      border-left: 2px solid #1968d1;
      color: #1968d1;
      span {
        margin-left: -2px;
      }
    }
  }
}

.consult-list {
  width: 728px;
  background: #fff;
  border-radius: 4px;  
  position: relative;
  z-index: 10000;
  behavior: url(ie-css3.htc);
  border: 1px solid #e4e7eb;  
  padding: 30px 30px 24px 30px;
  .search-bar {
    margin-bottom: 30px;
    input {
      width: 570px;
      height: 38px;
      border-radius: 4px;
      position: relative;
      z-index: 10000;
      behavior: url(ie-css3.htc);
      border: 1px solid #e4e7eb;
      padding: 0 20px;
      margin-right: 10px;
      line-height: 38px;
      outline: none;
      float: left;
    }
    .search-btn {
      width: 100px;
      height: 40px;
      font-size: 14px;
      line-height: 40px;
      padding: 0;
    }
  }
  .consult-articles {
    article {
      padding: 10px 0 10px 0px;
      h3 {
        font-size: 24px;
        display: inline-block;
        a {
          color: @default-color;
          &:hover {
            color: lighten(@default-color, 10%);
          }
        }
      }
      .consult-status {
        float: right;
        font-size: 16px;
        line-height: 24px;
        color: #e96429;
      }
      p {
        padding-top: 30px;
        line-height: 1.5;
        &.comment {
          color: #999;
          line-height: 1;
        }
      }
      ul {
        margin-top: 27px;
        color: #999;
        li {
          display: inline-block;  
          &:first-child {
            padding-right: 20px;
          }
          &:last-child {
            float: right;
          }
        }
      }
    }
  }
}